import React,{ Component } from 'react';
import {
    withRouter,
} from 'react-router-dom';
import { NavBar, Icon , Tabs , Badge } from 'antd-mobile';
import '../../../style/pages/Mulu.less'
import {MuluBlock} from './MuluBlock'

const tabs = [
    { title: '重点领域目录' },
    { title: '省级目录' },
    { title: '城市目录' },
    { title: '基础库目录' }
  ];
class Mulu extends Component{
    constructor(props){
        super(props);
        this.onLeftClick=this.onLeftClick.bind(this);
    }

    onLeftClick(){
        this.props.history.push("/")
    }
    render(){
        return (
            <div className="mulu">
                 <NavBar
                     className="muhead_bg"
                     mode="light"
                     icon={<Icon type="left" />}
                     onLeftClick={this.onLeftClick}
                  >目录</NavBar>
                    <Tabs tabs={tabs} initialPage={0} animated={false} useOnPan={false}>
                        <div style={{height:'calc( 100% -95px )'}}>
                            <MuluBlock></MuluBlock>
                        </div>
                        <div >
                        省级目录
                        </div>
                        <div >
                        城市目录
                        </div>
                        <div >
                        基础库目录
                        </div>
    </Tabs>
            </div>
        )
    }
}
export default withRouter(Mulu);